<div class="blade-content ng-scope" id="blade-content">
  <div class="blade-inner">
    <div class="inner-block">
      <form name="form" class="form" (submit)="onCreate()" [formGroup]="formGroup" novalidate>
        <div class="blade-static __bottom" *ngIf="currentBlade.isNew">
          <button class="btn" [disabled]="!formGroup.valid">创建</button>
        </div>

        <div class="form-group">
          <label class="form-label">子状态名称</label>
          <div class="form-input">
            <input id="operCategoryName" name="operCategoryName" type="text" placeholder="输入名称" autocomplete="off" formControlName="operCategoryName">
          </div>
          <div *ngIf="formErrors.operCategoryName" class="form-error">
            {{ formErrors.operCategoryName }}
          </div>
        </div>

        <div class="form-group">
          <label class="form-label">值</label>
          <div class="form-input">
            <input id="operCategoryCode" name="operCategoryCode" type="text" placeholder="输入值" autocomplete="off" formControlName="operCategoryCode">
          </div>
          <div *ngIf="formErrors.operCategoryCode" class="form-error">
            {{ formErrors.operCategoryCode }}
          </div>
        </div>
        <div class="form-group">
          <label class="form-label">子状态测点key</label>
          <div class="form-input">
            <input id="operCategoryKey" name="operCategoryKey" type="text" placeholder="子状态测点key" autocomplete="off" formControlName="operCategoryKey">
          </div>
          <div *ngIf="formErrors.operCategoryKey" class="form-error">
            {{ formErrors.operCategoryKey }}
          </div>
        </div>

        <div class="form-group">
          <label class="form-label">图标 :
            <i class="{{operCategoryIcon}}"></i>
          </label>
          <div class="form-input">
            <input id="operCategoryIcon" name="operCategoryIcon" type="text" placeholder="输入图标代码" autocomplete="off" formControlName="operCategoryIcon">
          </div>
          <div *ngIf="formErrors.operCategoryIcon" class="form-error">
            {{ formErrors.operCategoryIcon }}
          </div>
        </div>


        <div class="form-group">
          <label class="form-label">颜色</label>
          <div class="form-input">
            <input id="operCategoryColor" name="operCategoryColor" type="text" placeholder="输入颜色" autocomplete="off" formControlName="operCategoryColor">
          </div>
          <div *ngIf="formErrors.operCategoryColor" class="form-error">
            {{ formErrors.operCategoryColor }}
          </div>
        </div>

        <div class="form-group">
          <label class="form-label">不能设置</label>
          <div class="form-control __checkbox">
            <label class="form-label" *ngFor="let item of turbStatus">
              <input type="checkbox" [checked]="item?.isChecked" [value]="item.statusValue" (click)="turbStatuIsChecked($event.target.checked,item)">
              <span class="check"></span>
              <span class="name">{{item.statusName}}</span>
            </label>
          </div>
        </div>

        <div class="form-group">
          <label class="form-label">分类</label>
          <div class="form-control __checkbox">
            <label class="form-label" *ngFor="let item of setofvalues">
              <input type="checkbox" [checked]="item?.isChecked" [value]="item.valueCode" (click)="setofvalueIsChecked($event.target.checked,item)">
              <span class="check"></span>
              <span class="name">{{item.valueDisplay}}</span>
            </label>
          </div>
        </div>

        <div class="form-group">
          <label class="form-label">是否启用</label>
          <div class="form-input" id="form-input-switch">
            <label class="form-label __switch">
              <input type="checkbox" name="enabled" formControlName="enabled" class="ng-pristine ng-untouched ng-valid">
              <span class="switch"></span>
            </label>
          </div>
        </div>

        <div class="form-group">
          <label class="form-label">是否自动完成</label>
          <div class="form-input" id="form-input-switch">
            <label class="form-label __switch">
              <input type="checkbox" name="autoFinish" formControlName="autoFinish" class="ng-pristine ng-untouched ng-valid">
              <span class="switch"></span>
            </label>
          </div>
        </div>

        <div class="form-group">
          <label class="form-label">是否控制风机</label>
          <div class="form-input" id="form-input-switch">
            <label class="form-label __switch">
              <input type="checkbox" name="controlTurb" formControlName="controlTurb" class="ng-pristine ng-untouched ng-valid">
              <span class="switch"></span>
            </label>
          </div>
        </div>
        <div class="form-group">
          <label class="form-label">是否统计</label>
          <div class="form-input" id="form-input-switch">
            <label class="form-label __switch">
              <input type="checkbox" name="isStatistic" formControlName="isStatistic" class="ng-pristine ng-untouched ng-valid">
              <span class="switch"></span>
            </label>
          </div>
        </div>
      </form>
    </div>
  </div>
</div>